<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 默认值生效的条件是，对象的属性值严格等于undefined。
        var {
            x = 3
        } = {
            x: undefined
        };
        x // 3

        var {
            x = 3
        } = {
            x: null
        };
        x // null

        // 上面代码中，属性x等于null，因为null与undefined不严格相等，所以是个有效的赋值，导致默认值3不会生效。
    </script>
</body>

</html>